@import './common';

page,.page{
	// width: 100%;
	// height: 100%;
}

.test{
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	border:10rpx solid red;
}

.foot-box{
	position:fixed;
	bottom:0;
	width: 100%;
	background-color:$bgWin;

	.addr-wrap{
		box-sizing:border-box;
		padding:setSize(20) setSize(32);

		.addr-box{
			box-sizing:border-box;
			padding:setSize(10) setSize(24);
			border-radius:setSize(100);
			// background-color:#F2F4F7;
			border:setSize(2) solid #CECECE;
			color: #CECECE;

			.icon-box{

				.icon{
					display: block;
					width: setSize(32);
					height: setSize(32);
				}
			}

			.text{
				height:setSize(30);
				line-height:setSize(30);
				box-sizing:border-box;
				padding:0 setSize(12);
				font-size:setSize(26);
				font-weight:400;
				// color:rgba(51,51,51,1);
			}

			.close-box{

				.close{
					display: block;
					width: setSize(36);
					height: setSize(36);
				}
			}
		}
	}

	.media-box{
		background-color:$thirdBgWin;

		.item{
			box-sizing:border-box;
			padding:setSize(15) 0;

			.icon-box{

				.icon{
					display: block;
					width: setSize(54);
					height: setSize(54);
				}
			}

			.text{
				width:setSize(136);
				height:setSize(58);
				line-height: setSize(58);
				background:$mainColor;
				border-radius:setSize(29);
				font-size:setSize(30);
				font-weight:400;
				color:#332F36;
				text-align: center;
			}
		}
	}
}

.form-wrap{
	box-sizing:border-box;
	padding-bottom: setSize(180);

	.form-box{
		box-sizing:border-box;
		padding:0 setSize(30);
		// border-top:setSize(20) solid #F8F8F8;

		.input-box{
			padding:setSize(30) 0;

			.textarea{
				width: 100%;
				min-height: setSize(270);
			}
		}

		.imgs{

			.img-box{
				position: relative;
				width:setSize(210);
				height:setSize(210);
				margin-right: setSize(30);
				margin-bottom: setSize(20);
				box-shadow:setSize(0) setSize(3) setSize(7) setSize(0) rgba(0, 0, 0, 0.35);
				border-radius:setSize(10);

				&:nth-child(3n){
					margin-right: setSize(0);
				}

				.close{
					position:absolute;
					top: setSize(10);
					right: setSize(10);
					display: block;
					width: setSize(28);
					height: setSize(28);
					border-radius:50%;
					background-color:#fff;
				}

				.img{
					display: block;
					width:100%;
					height:100%;
					border-radius:setSize(10);
				}

				.add{
					display: block;
					width:setSize(43);
					height:setSize(43);
				}
			}
		}
	}
}